// pages/detail/datail.js
let {getGoodDetail} = require('../../api/detailApi');
Page({

  /**
   * 页面的初始数据
   */
  data: {
    details : [],
    showModal : false, //模态框的开关
    numList : [1,2,3,4,5,6,7,8],
    selIndex : 0
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    console.log('跳转传过来的数据：', options)
    // let gid = '396797732';//方便开发，先固定一个gid
    let {gid} = options;
    this.getDetail(gid);
  },
  //发请求获取商品详情数据
  getDetail(gid) {
    getGoodDetail(gid).then(res => {
      //1.ajax拿到数据，分析数据结构，提取自己想要的数据
      console.log('商品的详情数据：', res.data.data);
      let details = res.data.data;
      let str = details.bodys;
      let reg = /src=\"([^\"]*?)\"/gi;
      if(str) {
        let arr = str.match(reg);
        // console.log('原数组:',arr);
        let newarr = [];
        if(arr) {
          arr.forEach(item => {
            newarr.push(item.slice(5, -1))
          });
        }
        details.imgs = newarr;
        // console.log('图片列表：', newarr);
        //2.把数据存好：data
        this.setData({details})
        //3.去到wxml页面。把数据渲染出来
      }
    })
  },
  //点击按钮回到首页
  goHome() {
    wx.switchTab({
      url: '/pages/home/home',
    })
  },
  //点击跳到购物车页面
  goShopCart() {
    wx.switchTab({
      url: '/pages/cart/cart',
    })
  },
  //加入购物车：显示隐藏模态框
  toggleModal() {
    let {showModal} = this.data;
    this.setData({showModal:!showModal});//开关的设置
  },
  //pick选择器，确定数量
  pickGoodNum(ev){
    console.log('pick的数据：',ev);
    this.setData({selIndex:ev.detail.value});
  },
  //阻止冒泡
  son(){},
  //购买商品-跳到购物车页面
  buyGood(ev) {
    // let arr = [{
    //   gid : '110',
    //   gname : '商品标题',
    //   gprice : 199,
    //   gnum : 89,
    //   gimgUrl : 'http://47.112.170.225:60009/img/db0082aec335e7e9c83822c322196caf.jpg',
    //   gChecked : true
    // }];
    console.log('准备跳转购物车:',ev.target.dataset);
    let {gid,gname,gprice,gnum,gimgurl} = ev.target.dataset;
    this.setData({showModal:false});
    wx.reLaunch({
      url: `/pages/cart/cart?gid=${gid}&gname=${gname}&gprice=${gprice}&gnum=${gnum}&gimgUrl=${gimgurl}&gChecked=true`
    });
  }
})